.lucky-draw-palace-grid{
	width: 686rpx;
	height: 686rpx;
	background: linear-gradient(180deg, #FFCF98 0%, #FF6126 100%);
	border-radius: 24rpx 24rpx 24rpx 24rpx;
	position: relative;
	.lucky-draw-palace-grid-inner-wrapper{
		width: 622rpx;
		height: 622rpx;
		background: #B21C00;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 32rpx;
		box-sizing: border-box;
		.grid-item{
			width: 176rpx;
			height: 176rpx;
			border-radius: 24rpx;
			position: relative;			
			&.prize-card{
				background: linear-gradient(180deg, #FFFFFF 0%, #FCE8D1 9%, #FFC3A1 91%, #F96A66 100%);
				box-shadow: inset -8rpx -6rpx 12rpx 2rpx #E88E85;
				position: relative;
				.card-face,.card-back{
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					backface-visibility: hidden;
					display: flex;
					align-items: center;
					justify-content: center;
					.red-packet{
						width: 114rpx;
						height:114rpx;
					}
				}
				
				.card-back{
					// backface-visibility:visible;
					.prize-img{
						width: 114rpx;
						height:114rpx;
					}
					transform: rotateY(180deg);
				}
				&.current{
					border: 10rpx solid;
					box-sizing: border-box;
					border-radius: 0rpx;
					overflow: hidden;
					border-image: linear-gradient(136deg, #BEFFF2 0%, #30F1FF 19%, #8F8BFF 66%, #DB63FF 100%) 1;
					box-shadow:none;
				}
				&.transtionend{
					// color: red;
					transform-style: preserve-3d;
					transition: .5s linear;
					transform: rotateY(-180deg);
				}
			}
			&.play-btn{
				background: linear-gradient(180deg, #FEF3C1 0%, #F8AF1E 9%, #FFBB00 88%, #EC4900 100%);
				box-shadow: inset -8rpx -6rpx 12rpx 2rpx #F28420;
				
				.center-text{
					// line-height: 176rpx;
					margin-top: 10rpx;
					box-sizing: border-box;
					text-align: center;
					color: #C83000;
					font-size: 96rpx;
					font-weight: bold;
				}
				.residual{
					position: absolute;
					bottom: 14rpx;
					height: 26rpx;
					font-size: 18rpx;
					font-family: $global-font-family;
					font-weight: 400;
					color: #C83000;
					line-height: 26rpx;
					text-align: center;
					width: 100%;
				}
			}
		}
	}
}